<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]--><head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Factura</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css"/>
<link href="css/estilo.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="noti/messi.min.css" />
<link href="bootstrap/css/modificado.css" rel="stylesheet" rel="stylesheet" type="text/css"/>
<link href="bootstrap/datepicker/css/datepicker.css" rel="stylesheet" type="text/css"/>
<link href="bootstrap/css/bootstrap-responsive.css"  rel="stylesheet" type="text/css"/>


<!-- 
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build 
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>

 input:invalid {
 border: 1px solid red;
}
 
/* Estilo por defecto */
 
input:valid {
/* border: 1px solid green; */
}




#result {
	width: 600px;
	padding: 10px;
	border: 1px solid #bfcddb;
	margin: auto;
	margin-top: 10px;
	text-align: center;
}

textarea { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none; }

input[placeholder]{ text-align:center; font-size:12px;}



input[readonly]{text-align:center; font-size:10px;  background-color:transparent; border:none;  outline:0px; box-shadow: 0px 0px 0px #00f;} 



/* .totalizar{ width: 90px;} */

/* input[limpiar]{ background-color:#0C9; }*/

#valor_iva{ border: 0px solid #000000; font-size: 14px; color: #333333; padding: 5px 5px 5px 5px;  }

/*
legend{
	font-size: 15px;
	font-style: oblique;
	font-weight: bold;
}

*/

/* #ventas, #compras, #compra_existente, #factura_tipo, #dato_cliente { border: 1px solid #999; border-radius: 5px; padding-left:1%; padding-top:1%;}*/
/* #compra_existente input, select { font-size:10px;} */ 

#datos_factura { border: 1px solid #999; border-radius: 5px; padding-left:1%; padding-top:1%; padding-bottom:1%;  width:98%}

.accordion-heading{ border: 1px solid #666; border-radius: 5px;}

th{  color:#900;}



th, td
{
padding:1px;
text-align:center;
}

.color_rojo {text-align:center; color:#900; font-weight:bold; left:50%; top:50%; text-transform: uppercase;}



</style>
<script>
function pulsar(e) {
	tecla=(document.all) ? e.keyCode : e.which;
  if(tecla==13) return false;
}
</script>
</head>
<body onkeypress="return pulsar(event)">
<div class="gridContainer clearfix" >

  <div id="factura" class="fluid">
  
  <ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#menu_factura">Factura</a></li>
  <li><a href="#menu_datos">Datos</a></li>

</ul>

    <form  name="formulario" id="formulario" method="post" action="guardar_factura.php" oninput=""  > 
<!--- abre  tap --->    
<div class="tab-content">

<!--- primer tap --->
  <div class="tab-pane active" id="menu_factura">
 
 
		<!--- grupo collapse --->
    <div class="accordion" id="accordion2">
      
       <!--- primer collapse --->
        <div class="accordion-group">        
          <div class="accordion-heading">
           <a class="accordion-toggle btn-inverse" data-toggle="collapse" data-parent="#accordion2" href="#ver_datos_cliente"> Datos del Cliente </a> </div>
         
         
          <div id="ver_datos_cliente" class="accordion-body collapse">            
            <div class="accordion-inner">             
              <!-- Datos del cliente -->
              <div id="dato_cliente">
                <legend>Datos del cliente</legend>
                <input  type="hidden"  name="id_tercero" id="id" placeholder="codigo cliente"   />
                <select name="nombre_cliente" id="nombre_cliente" onChange="cliente(this.value);"    >                
                </select>
                <input  type="hidden" name="tipo_tercero" id="tipo_tercero" title="tipo tercero"  placeholder="Ciudad"  required />
                <input  type="hidden" name="nit" id="nit"  placeholder="nit"  title="nit" />
                <input  type="text" class="span3"  name="direccion" id="direccion" title="dirreccion"   placeholder="Direccion"  readonly />
                <input  type="text" class="span2" name="telefono" id="telefono" title="telefono"  placeholder="Telefono" readonly />
                <input  type="hidden" name="razon_social" id="razon_social"  title="razon social" placeholder="Razon social" />
                <input  type="text" class="span3"  name="email"  placeholder="email" title="email" readonly  />
                <input  type="hidden" name="ciudad" id="ciudad" title="ciudad"  placeholder="Ciudad"  />
                <input  type="text" class="span2"  name="identificacion" id="identificacion" title="identificacion"  placeholder="Identificacion" readonly />
                <br>
                <strong style="color:#099"> Agregar Cliente o Proveedor: </strong> <a  href='#agregar_tercero' role='button' class='icon-plus' data-toggle='modal' title='Agregar'></a> 
              </div>
           
              <!-- Termina Datos del cliente --> 
     
        

          
          <legend>Datos de Factura</legend>
          
            <div class="input-prepend input-append " > <span class="add-on">Tipo Factura</span>
              <select name="tipo_factura" id="tipo_factura"   title="tipo factura" class="" onChange="tipo_facturas()"   >
                <option value="00">[Inventario]</option>
                <option value="compra">Inventario Inicial</option>
                <option value="compra_existente" >Compra</option>
                <option value="venta" >Venta</option>
                <option value="devolucion_venta" >D.Venta</option>
                <option value="devolucion_compra" >D.Compra</option>
                
              </select>
            </div>
            
            <div class="input-prepend input-append " > <span class="add-on">Cantidad Productos</span>
              <input type="number"   min="1" max="10" title="cantidad de registros" name="cantidad_registros" id="cantidad_registros" onChange="tipo_facturas()" placeholder="Cantidad"   />
            </div>
            
            <br>
     
            
            <!-- factura de venta -->
            <div id="venta" style="display:none">
              <legend>Datos de factura venta</legend>
            </div>
            <!-- Termina factura de venta --> 
            
            
             <!-- factura de devolucion venta -->
            <div id="devolucion_venta" style="display:none">
              <legend> Devolucion Venta</legend>                   
            </div>
            <!-- Termina factura de devolucion venta --> 
            
            <!-- factura de compra -->
            <div id="compra" style="display:none">
              <legend>Datos de factura compra</legend>
            </div>
            <!-- Termina factura de compra --> 
            
            <!-- factura de compra -->
            <div id="compra_existente" style="display:none">
              <legend> Datos de factura compra inventario existente</legend>                   
            </div>
            <!-- Termina factura de compra -->
            
            
             <!-- factura de devolucion compra -->
            <div id="devolucion_compra" style="display:none">
              <legend> Devolucion Compra</legend>                   
            </div>
            <!-- Termina factura de devolucion compra --> 
            
        
          </div>
          </div>
        </div>       
    
        
        <!--- segundo collapse --->
        <div class="accordion-group">
          <div class="accordion-heading"><a class="accordion-toggle btn-inverse" data-toggle="collapse" data-parent="#accordion2" href="#ver_cancelar_factura"> Cancelar Factura</a> </div>
         
          <div id="ver_cancelar_factura" class="accordion-body collapse in"> 
            <div class="accordion-inner">
            
            <!-- informacion a cancenlar -->
            <div id="datos_a_cancelar">
            <legend>Cancelar</legend> </div>
            <!-- Termina informacion a cancenlar  --> 
          </div>
        </div>
        </div>     
      
  </div>
      <!--- cierra collapse --->
      
  
   </div>
   
   <!--- segundo tap --->
  <div class="tab-pane" id="menu_datos">
  
   <!-- tipo de factura -->
              <div id="factura_tipo" >
                
                <legend>Entradas o Salidas de inventario</legend>
                
                 <div class="input-prepend input-append " > <span class="add-on">Estado Factura</span>
                  <select name="estado_factura" title="estado factura" class="input-medium span2" required >
                    <option value="cancelada"  selected="selected">cancelada</option>
                    <option value="pendiente">pendiente</option>
                  </select>
                </div>
                
                <div class="input-prepend input-append  "  > <span class="add-on">Modo de Pago</span>
                  <select name="modo_pago" title="modo de pago" class="input-small span2" required>
                    <option value="contado" selected="selected">contado</option>
                    <option value="credito">credito</option>
                  </select>
                </div>
                
               
             
                <div class="input-append date " data-date-format="yyyy-mm-dd" > <span class="add-on"  >F. Factura</span>
                  <input type="text" title="fecha de la factura" name="fecha_factura" id="fecha_factura"  class="span2"  >
                  <span class="add-on"><i class="icon-calendar"></i></span>
                </div>
               
                
                 <div class="input-prepend input-append " > <span class="add-on">F. Vencimiento</span>
                  <input type="text"  title="fecha de vencimiento" name="fecha_vencimiento" id="fecha_vencimiento" class="span2"   >
                  <span class="add-on"><i class="icon-calendar"></i></span>
                 </div>
                
                <div>
                <div class="span3"><strong style="color:#099" > Agregar Grupo de Productos: </strong> <a  href='#agregar_familia' role='button' class='icon-plus' data-toggle='modal' title='Agregar Familia'></a> </div>
                
                <div class="span2"><strong style="color:#099" > Editar producto: </strong> <a  href='#editar_precio' role='button' class='icon-edit' data-toggle='modal' title='Editar Producto'></a></div>
                </div>
                <!-- Termina tipo de factura --> 
                
              </div>
   <!-- cierra tipo de factura --> 
    
  </div>



  
</div>
<!--- cierra taps --->
  
  <div align="center">

  <input type="submit" class=" btn btn-large btn-success" name="enviar" value="Enviar"  /></div>
    </form>
    
    <!-- AGREGAR TERCEROS -->
    <div id="agregar_tercero" class="modal hide fade"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Terceros</h3>
      </div>
      <div class="modal-body">
        <form  name="formulario_agregar_tercero" id="formulario_agregar_tercero" action="libreria_php/crud.php"   method="post" >
          <input type="hidden" name="ejecuta" value="Agregar">
          <input type="hidden" name="tabla" value="terceros">
          <input type="hidden" name="campos" value="id, nombre_completo, identificacion, nit, telefono, direccion, ciudad, email, tipo_tercero ">
          <table  width="100%" align="center">
            <tr>
              <th>NOMBRE COMPLETO</th>
              <td><input  type="text" name="nombre_completo" id="nombre_completo" placeholder="nombre completo" class="input-large"    ></td>
            </tr>
            
              <th>IDENTIFICACION</th>
              <td><input  type="text" name="identificacion" id="identificacion" placeholder="identificacion" class="input-large"    ></td>
            </tr>
            
              <th>NIT</th>
              <td><input  type="text" name="nit" id="nit" placeholder="nit" class="input-large"    ></td>
            </tr>
            <tr>
              <th>TELEFONO</th>
              <td><input  type="number" name="telefono" id="telefono" placeholder="telefono" class="input-large"     ></td>
            </tr>
            <tr>
              <th>DIRECCION</th>
              <td><input  type="text" name="direccion" id="direccion"  placeholder="direccion" class="input-large"   ></td>
            </tr>
            <tr>
              <th>CIUDAD</th>
              <td><input  type="text" name="ciudad" id="ciudad"  placeholder="ciudad"  class="input-large"  ></td>
            </tr>
            <tr>
              <th>EMAIL</th>
              <td><input  type="email" name="email" id="email"  placeholder="email" class="input-large"   ></td>
            </tr>
            <tr>
              <th>TIPO</th>
              <td><select  type="text" name="tipo_tercero" id="campos" >
                  <option value="[tipo]"></option>
                  <option value="proveedor">proveedor</option>
                  <option value="cliente">cliente</option>
                </select></td>
            </tr>
            <tr>
              <td colspan="2"><button type="submit" class="btn-success" name="Enviar" value="Enviar" style="width:100%;" >Enviar</button></td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    <!-- TERMINAR TERCEROS --> 
    
    <!-- AGREGAR FAMILIA PRODUCTOS -->
    <div id="agregar_familia" class="modal hide fade"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Familia de Productos</h3>
      </div>
      <div class="modal-body">
        <form  name="formulario_agregar_familia" id="formulario_agregar_familia" action="libreria_php/crud.php"   method="post" >
          <table  width="100%" align="center">
            <tr>
              <th>NOMBRE F. PRODUCTO</th>
              <td><input type="hidden" name="ejecuta" value="Agregar">
                <input type="hidden" name="tabla" value="familia_producto">
                <input type="hidden" name="campos" value="id, nombre_familia, descripcion_familia, almacen, id_proveedor ">
                <input  type="text" name="nombre_familia" id="nombre_familia" placeholder="nombre familia" class="input-large"    ></td>
            </tr>
            
              <th>DESCRIPCION</th>
              <td><input  type="text" name="descripcion_familia" id="descripcion_familia" placeholder="descripcion familia" class="input-large"    ></td>
            </tr>
            <tr>
              <th>ALMACEN</th>
              <td><select  type="text" name="almacen" id="almacen"  class="input-large"  >
                  <option value="1">Bodega 1</option>
                  <option value="2">Bodega 2</option>
                </select></td>
            </tr>
            <tr>
              <th>ID PROVEEDOR</th>
              <td><select  type="text" name="id_proveedor" id="id_proveedor"  class="input-large"  >
                  <option value="00">[Escoger Proveedor]</option>
                </select></td>
            </tr>
            <tr>
              <td colspan="2"><button type="submit" class="btn-success" name="Enviar" value="Enviar" style="width:100%;" >Enviar</button></td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    <!-- TERMINAR FAMILIA PRODUCTOS --> 
    
    <!-- EDITAR REGISTROS PRODUCTOS -->
    <div id="editar_precio" class="modal hide fade"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Editar de Productos</h3>
      </div>
      <div class="modal-body">
        <form  name="formulario_editar_precio" id="formulario_editar_precio" action="libreria_php/crud.php"   method="post" >
          <input type="hidden" name="ejecuta" value="Editar" >
          <input type="hidden" name="tabla" value="producto" >
          <table  width="100%" align="center">
            <tr>
            <tr>
              <th>Productos</th>
              <td><select name="id" id="valor"  class="input-large" onChange="editar_precio_valor(this.value);"  >
                  
                </select></td>
            </tr>
            
              <th>Precio Venta</th>
              <td><input  type="number" name="precio_venta" id="actualizar" placeholder="Precio Venta" class="input-large"  ></td>
            </tr>
            
              <th>maximo stock</th>
              <td><input  type="number" name="maximo" id="maximo_producto" placeholder="maximo" class="input-large"  ></td>
            </tr>
            
              <th>minimo stock</th>
              <td><input  type="number" name="minimo" id="minimo_producto" placeholder="minimo" class="input-large"  ></td>
            </tr>
            <tr>
              <td colspan="2"><button type="submit" class="btn-success" name="Enviar" value="Enviar" style="width:100%;" >Enviar</button></td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    <!-- TERMINAR REGISTROS PRODUCTOS --> 
    
  </div>
  <!-- Termina div gridContainer clearfix -->
  <div id="result"></div>
  <div id="resultado"></div>
</div>


        
<!-- Termina div fluid --> 
<script src="js/jquery10.2.js"></script> 
<script src="js/respond.min.js"></script> 
<script src="bootstrap/js/bootstrap.js"></script> 
<script src="bootstrap/datepicker/js/bootstrap-datepicker.js"></script>
<script src="noti/messi.js"></script> 
<script src="libreria_javascript/funciones.js"></script> 
<script src="js/jquery.html5form-1.5-min.js"></script>

<script  src="libreria_javascript/cargar_combo.js"></script> 
<script  src="libreria_javascript/cargar_combo_multiple.js"></script> 
<script  src="libreria_javascript/cargar_combo_condicional.js"></script>
<script  src="libreria_javascript/cargar_datos_datalist.js"></script> 
<script  src="libreria_javascript/factura.js"></script> 
<script  src="libreria_javascript/formulario_tipo_facturas.js"></script>
<script>




$(".collapse").collapse();


 $('#myTab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
});

$('#fecha_vencimiento').datepicker({	format: 'yyyy-mm-dd' });
$('#fecha_factura').datepicker({	format: 'yyyy-mm-dd' });


// validar form
function validar()
{

	if (document.formulario.nombre_cliente.selectedIndex==0){
		alert("Tiene que escribir su nombre");
		document.formulario.nombre_cliente.focus();
		return false;
	}
	
		if (document.formulario.tipo_factura.selectedIndex==0){
		alert("Tiene que seleccionar tipo factura");
		document.formulario.tipo_factura.focus();
		return false;
	}
	
	
//alert($('#id').val().length);



//el formulario se envia
//	alert("Muchas gracias por enviar el formulario");
//	document.formulario.submit();
}
	
	
	
$(document).ready(function() {

//    $().ajaxStart(function() {
//        $('#loading').show();
//        $('#result').hide();
//    }).ajaxStop(function() {
//        $('#loading').hide();
//        $('#result').fadeIn('slow');
//    });


    $('#formulario, #formulario_agregar_familia, #formulario_agregar_tercero, #formulario_editar_precio').submit(function(event) {
	


	if (document.formulario.nombre_cliente.selectedIndex==0){
		
		alert("Tiene que escribir su nombre");
		document.formulario.nombre_cliente.focus();
		return false;
	}
	
		if (document.formulario.tipo_factura.selectedIndex==0){
		alert("Tiene que seleccionar tipo factura");
		document.formulario.tipo_factura.focus();
		return false;
	}
	
	
		if (document.formulario.total.value==''){
		alert("No ha procesado ningun total en la factura");
		document.formulario.total.focus();
		return false;
	}
	
	
     event.preventDefault();   
	
  //console.log( $( this ).serialize() );
	    $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
			beforeSend: function(data, textStatus, xhr){
				
            console.log("Adiós, me voy a ejecutar");
			
        },
		error: function(){new Messi('Ocurrio un error.', {
						title: 'error',
						titleClass: 'anim error',
						center: true,
						autoclose: 2000,
						closeButton: true
					});},
		complete: function(){
			//$("#formulario").reset();
			},
		
            success: function(data) {
				
              // $('#result').html(data);
			   
						new Messi('se actualizo correctamente.', {
						title: 'se actualizo',
						titleClass: 'success',
						center: true,
						autoclose: 2000,
						closeButton: true
					});
			location.reload();
				$('#agregar_familia').modal('hide');
				$('#agregar_tercero').modal('hide');
				$('#editar_precio').modal('hide');				
				     }
			
        }).done(function(data ) {

		//$('#formulario').each(function(){ this.reset();	});
		
		});
        
     //   return false;
    }); 
	
	
	
	  
	
})  ;

fecha_actual();


</script> 


</body>
</html>
